<style type="text/css">
#calendarPage{ display:none; position:absolute; top:0; left:0; right:0; bottom:0; background:#fff;}
#calendarPage .calendarBoxUl{ width:100%; overflow:hidden}
#calendarPage .day{ width:14%; float:left; height:40px; font:400 14px/40px verdana; padding:4px 0; text-align:center; overflow:hidden; color:#333}
#calendarPage .day.select{ background:#2a98da; color:#fff}
#calendarPage .day.week0,#calendarPage .day.week6{ width:15%; color:#f37138}
#calendarPage .day.unMonth > .con{ display:none}
#calendarPage .weekUl{ width:100%; height:30px; line-height:30px; background:#f3f3f3; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1}
#calendarPage .weekUl .week{ float:left; width:14%; height:100%; line-height:inherit; text-align:center;}
#calendarPage .weekUl .week.week0,#calendarPage .weekUl .week.week6{ width:15%}
#calendarPage .titBox{ position:relative; height:48px; line-height:48px; background:#efefef; border-bottom:1px solid #fff}
#calendarPage .titBox .date{ display:block; height:100%; line-height:inherit; text-align:center; font-size:16px; font-weight:600;}
#calendarPage .titBox .date .num{ margin:0 2px}
#calendarPage .titBox .monthBtn{ position:absolute; top:0; bottom:0; display:block; width:60px; height:100%; line-height:inherit; text-align:center}
#calendarPage .titBox .monthBtn:active{ background:#e1e1e1}
#calendarPage .titBox .monthBtn.prev{ left:0}
#calendarPage .titBox .monthBtn.next{ right:0}
#calendarPage .titBox .monthBtn .iconfont{ font-size:22px; font-weight:600; color:#6e6e6e}
#calendarPage .topm{ position:relative; height:48px; line-height:48px; background:#2a98da; color:#fff; text-align:center}
#calendarPage .topm .cback{ display:block; width:60px; position:absolute; top:0; left:0; bottom:0; font-size:22px; text-align:center; line-height:inherit; color:#fff}
</style>
<div id="calendarPage" class="calendarPage">
    <div class="topm">
        <a class="cback" href="javascript:window.history.go(-1)"><i class="iconfont">&#xe60c;</i></a>
        <span class="t">选择日期</span>
    </div>
    <div id="calendarMainCon" class="mainCon calendarMainCon">
        <div class="titBox">
            <span id="calendarYearMonth" data-yearmonth="2015-10" class="date"><span class="year num"></span>年<span class="month num"></span>月</span>
            <a class="monthBtn prev" href="javascript:void(0)"><i class="iconfont">&#xe60c;</i></a>
            <a class="monthBtn next" href="javascript:void(0)"><i class="iconfont">&#xe60d;</i></a>
        </div>
        <ul class="weekUl">
            <li class="week week0" data-week="0">日</li>
            <li class="week week1" data-week="1">一</li>
            <li class="week week2" data-week="2">二</li>
            <li class="week week3" data-week="3">三</li>
            <li class="week week4" data-week="4">四</li>
            <li class="week week5" data-week="5">五</li>
            <li class="week week6" data-week="6">六</li>
        </ul>
        <ul id="calendarBoxUl" class="calendarBoxUl"></ul>
    </div>
</div>
<script type="text/javascript" src="http://wx.12301.cc/public/js/common/calendar.core.js"></script>
<script type="text/javascript" src="http://wx.12301.cc/public/js/common/calendar.mobile.js"></script>